<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:i="http://primefaces.prime.com.tr/touch"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:rich="http://richfaces.org/rich"
	contentType="text/html">
	<head>
	<p:resources />
	</head>
	<i:application>
		<i:view id="inicio" title="Inicio">
			<i:tableView>
				<i:rowGroup title="Información del ejemplar">
					<i:rowItem>
						<h:form>
							<h:panelGrid id="principal" columns="2" style="width:100%;">
								<h:outputLabel value="Concurso" styleClass="th150"></h:outputLabel>
								<h:outputText value="#{consultaCanarioMovil.concurso.nombre}"></h:outputText>
								<h:outputLabel value="Criador" styleClass="th150"></h:outputLabel>
								<h:outputText
									value="#{consultaCanarioMovil.pajaro.criador.nombre}"></h:outputText>
								<h:outputLabel value="Nº anilla" styleClass="th150"></h:outputLabel>
								<h:outputText styleClass="td300"
									value="#{consultaCanarioMovil.pajaro.numAnilla}"
									title="Nº anilla" />


								<h:outputLabel value="Tipo" styleClass="th150"></h:outputLabel>
								<h:panelGrid columns="3">
									<h:outputText styleClass="td300"
										value="#{consultaCanarioMovil.pajaro.tipo.nombre}"
										title="tipo" />
									<p:commandButton value="Info" onclick="dlg2.show();"
										type="button" />
									<p:dialog header="Modal Dialog" widgetVar="dlg2" modal="true"
										height="250">
										<h:panelGrid columns="2">
											<h:panelGrid columns="1">
												<h:outputText value="Información del tipo" style="font-size:10px"/>
												<h:outputLabel
													value="#{consultaCanarioMovil.pajaro.tipo.nombre}" style="font-size:10px"/>
												<h:outputText
													value="#{consultaCanarioMovil.pajaro.tipo.descripcion}" style="font-size:9px"/>
											</h:panelGrid>
											<h:panelGrid columns="1">
												<s:graphicImage value="#{consultaCanarioMovil.pajaro.tipo.foto}" rendered="#{consultaCanarioMovil.pajaro.tipo.foto!=null}">
													<s:transformImageSize width="100" maintainRatio="true"/>
												</s:graphicImage>
												<s:graphicImage value="#{consultaCanarioMovil.fotoNoDis}"
													rendered="#{consultaCanarioMovil.pajaro.tipo.foto==null}">
													<s:transformImageSize width="100" maintainRatio="true"/>
												</s:graphicImage>
											</h:panelGrid>
										</h:panelGrid>
									</p:dialog>
								</h:panelGrid>
								<h:selectOneMenu value="#{consultaCanarioMovil.votacion}"
									styleClass="td80" id="prov">
									<f:selectItem id="item0" itemLabel="0" itemValue="0" />
									<f:selectItem id="item1" itemLabel="1" itemValue="1" />
									<f:selectItem id="item2" itemLabel="2" itemValue="2" />
									<f:selectItem id="item3" itemLabel="3" itemValue="3" />
									<f:selectItem id="item4" itemLabel="4" itemValue="4" />
									<f:selectItem id="item5" itemLabel="5" itemValue="5" />
								</h:selectOneMenu>
								<p:commandButton actionListener="#{consultaCanarioMovil.votar}"
									update="form:vot" oncomplete="TouchFaces.goTo('Votacion', 'flip')" value="Votar">
									<p:ajax event="onclick" update="form:vot"/>
								</p:commandButton>

							</h:panelGrid>
							<h:panelGrid columns="3">
								<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
									update="comp" oncomplete="TouchFaces.goTo('historico', 'flip')" value="Histórico">
								</p:commandButton>
								<rich:spacer width="70"/>
								<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
									update="comp" oncomplete="TouchFaces.goTo('grafica', 'flip')" value="Gráfica">
								</p:commandButton>
							</h:panelGrid>
						</h:form>
					</i:rowItem>

				</i:rowGroup>
			</i:tableView>
		</i:view>
		<i:view id="historico" title="Historico">
			<h:form>
			<i:tableView>
				<i:rowGroup title="Histórico del ejemplar">
					<i:rowItem>
					<h:panelGrid id="lista" columns="2" style="width:100%;">
						<h:form>
						<p:dataTable var="pun"
							value="#{consultaCanarioMovil.listaConcursos}" paginator="false"
							rows="100"
							emptyMessage="El canario no ha participado en ningun concurso">


							<p:column>
								<f:facet name="header">
									<h:outputText value="Concurso" />
								</f:facet>
								<h:outputText value="#{pun.concurso.nombre}" />
							</p:column>

							<p:column>
								<f:facet name="header">
									<h:outputText value="Asociacion" />
								</f:facet>
								<h:outputText value="#{pun.concurso.asociacion.nombre}" />
							</p:column>

							<p:column>
								<f:facet name="header">
									<h:outputText value="Fecha Inicio" />
								</f:facet>
								<h:outputText value="#{pun.concurso.fechaInicio}" />
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Punt." />
								</f:facet>
								<h:outputText value="#{pun.puntuacion}" />
							</p:column>

						</p:dataTable>
						<h:panelGrid columns="3">
						<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
									update="comp" oncomplete="TouchFaces.goTo('grafica', 'flip')" value="Gráfica">
								</p:commandButton>
								<rich:spacer width="180"/>
								<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
									update="comp" oncomplete="TouchFaces.goTo('inicio', 'flip')" value="Inicio">
								</p:commandButton>
						</h:panelGrid>
								</h:form>
					</h:panelGrid>
					</i:rowItem>
					</i:rowGroup>
					</i:tableView>
					</h:form>
		</i:view>
		<i:view id="grafica" title="Gráfica">
		<h:form>
			<i:tableView>
				<i:rowGroup title="Gráfica del ejemplar">
					<i:rowItem>
			<h:panelGrid id="lista1" columns="2" style="width:100%;">
				<h:form >
						<p:graphicImage value="#{consultaCanarioMovil.chart1}" />
						<h:panelGrid columns="3">
							<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
									update="comp" oncomplete="TouchFaces.goTo('inicio', 'flip')" value="Inicio">
							</p:commandButton>
							<rich:spacer width="180"/>
							<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
									update="comp" oncomplete="TouchFaces.goTo('Votacion', 'flip')" value="Votación">
							</p:commandButton>
						</h:panelGrid>
				</h:form>
			</h:panelGrid>
			</i:rowItem>
			</i:rowGroup>
			</i:tableView>
			</h:form>
		</i:view>
		<i:view id="Votacion" title="Votación">
		<h:form id="form" enctype="multipart/form-data">
			<h:panelGrid id="vot" columns="1">
				<p:graphicImage value="#{consultaCanarioMovil.chart2}" cache="false" />
			</h:panelGrid>
			<h:panelGrid columns="3">
				<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
						update="comp" oncomplete="TouchFaces.goTo('inicio', 'flip')" value="Inicio">
				</p:commandButton>
				<rich:spacer width="180"/>
				<p:commandButton actionListener="#{consultaCanarioMovil.prueba}"
						update="comp" oncomplete="TouchFaces.goTo('historico', 'flip')" value="Histórico">
				</p:commandButton>
			</h:panelGrid>
			</h:form>
		</i:view>
	</i:application>
</f:view>